<template>
  <div class="notice-wrapper">
    <NoticePanel ref="drone-notice" :msg-list="droneMsgList">
      <template #icon><svg-icon icon-class="drone2"/></template>
      <template #clear><i class="el-icon-delete" @click="$emit('clearNotice', 'drone')"></i></template>
    </NoticePanel>
    <NoticePanel ref="hangar-notice" :msg-list="hangarMsgList">
      <template #icon><i class="fas fa-pallet"/></template>
      <template #clear><i class="el-icon-delete" @click="$emit('clearNotice', 'hangar')"></i></template>
    </NoticePanel>
  </div>
</template>

<script>
import {defineComponent} from 'vue'
import NoticePanel from './panel'

export default defineComponent({
  name: "NoticeMsg",
  props: ['droneMsgList', 'hangarMsgList'],
  components: {
    NoticePanel
  }
})
</script>

<style scoped lang="scss">
</style>
